<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .pop_outer{
            display: none;
            position: fixed;
            background: rgba(0,0,0,0.3);
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }
        #iframe_outer{
            height: 653px;
            width: 1153px;
            position: absolute;
            border: none;
            top: 50% ;
            left: 50%;
            transform: translate(-50%, -50%);  /* 使用css3的transform来实现 */
            overflow: hidden;
        }
    </style>
</head>
<body style="width: 2000px;height: 2000px" >
<button value="点击打开弹窗" class="aa">
    点击打开弹窗
</button>
<div class="pop_outer">
    <iframe id="iframe_outer" src="index.html"></iframe>
</div>
</body>
<script src="js/jquery-1.9.1.min.js"></script>
<script>
    $(function () {
        //打开方法
        $('.aa').click(function () {
            $('.pop_outer').show()
        })
    })
</script>
</html>